<template>
  <div>
    <form>
      Search <input v-model="searchQuery">
    </form>
    <wangge-table :data="gridData" :colunms="gridColunms" :query-key="searchQuery"></wangge-table>
  </div>
</template>
<script>
import WanggeTable from './WanggeTable.vue'
export default{
  data() {
    return {
      searchQuery: '',
      gridColunms: ['name', 'power'],
      gridData: [
           { name: 'Chuck Norris', power: Infinity },
      { name: 'Bruce Lee', power: 9000 },
      { name: 'Jackie Chan', power: 7000 },
      { name: 'Jet Li', power: 8000 }
      ]
    }
  },
  components: {
    WanggeTable
  }
  
}
</script>